﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Shared/MasterPage_User.master"
    AutoEventWireup="true" CodeFile="Viewdetails.aspx.cs" Inherits="Pages_Viewdetails" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
 <link rel="stylesheet" href="Styles/nivo-slider.css" type="text/css" media="screen" />
    <script type="text/javascript" src='<%= ResolveUrl("js/jquery-1.7.1.min.js") %>'></script>
    <script type="text/javascript" src='<%= ResolveUrl("js/jquery.nivo.slider.js") %>'></script>
    <script type="text/javascript">
        $(window).load(function () {
            $('#slider').nivoSlider();
        });
    </script>
    <script type="text/javascript">
        $(document).ready(function () {
            // Save  the jQuery objects for later use.
            var outer = $("#preview_outer");
            var arrow = $("#arrow");
            var thumbs = $("#thumbs span");

            var preview_pos;
            var preview_els = $("#preview_inner div");
            var image_width = preview_els.eq(0).width(); // Get width of imaages

            // Hook up the click event
            thumbs.click(function () {
                // Get position of current image
                preview_pos = preview_els.eq(thumbs.index(this)).position();

                // Animate them!
                outer.stop().animate({ 'scrollLeft': preview_pos.left }, 500);
                arrow.stop().animate({ 'left': $(this).position().left }, 500);
            });

            // Reset positions on load
            arrow.css({ 'left': thumbs.eq(0).position().left }).show();
            outer.animate({ 'scrollLeft': 0 }, 0);

            // Set initial width
            $("#preview_inner").css('width', preview_els.length * image_width);
        });
	</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <!--TOP CENTER-->
    <%--<div class="main">--%>
            <h4 class="tt"><%=title %></h4>
            <div class="sidle-img">
            	<div id="preview_wrap">
                    <div id="preview_outer">
                        <div id="preview_inner">
                            <%--<div>
                                <img src="images/1_b.jpg" alt="Leonardo Maia"  />
                            </div>
                            <div>
                                <img src="images/2_b.jpg" alt="skillicorn" />
                            </div>
                            <div>
                                <img src="images/3_b.jpg" alt="theenergycell" />
                            </div>
                            <div>
                                <img src="images/4_b.jpg" alt="Fred Maya" />
                            </div>--%>
                            <%=strimage %>
                        </div>
                    </div>
                </div>
                <div id="thumbs">
                    <div id="arrow"></div>
                    <%=strimagea %>
                    <%--<span><img src="images/1_s.gif" alt="Leonardo Maia" /></span>
                    <span><img src="images/2_s.gif" alt="skillicorn" /></span>
                    <span><img src="images/3_s.gif" alt="theenergycell" /></span>
                    <span><img src="images/4_s.gif" alt="Fred Maya" /></span>--%>
                </div>
                <div style=" margin-top:10px; text-align:left">	
                    <p>Giá bán: <strong><%=giaban %></strong></p>
                    <p>Loại: <strong><%=category %></strong>, <strong><%=typesale %></strong></p>
                    <p><strong>Tỉnh, thành, quận: <%=city %></strong></p>
                    <p>Lượt xem: <strong><%=luotxem %></strong></p>
                    <p>Ngày cập nhật: <strong><%=ngaydang %></strong></p>
                   <p>
                    <%=contents%>
                   </p>
                </div>
            </div>
      <%--  </div>--%>
</asp:Content>
